<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="贷款,融资,网贷,苏e融,南京荣勋,荣勋,融360,平安">
    <meta name="description" content="苏e融一站式金融服务平台-专属融资顾问一对一提供多形式金融方案">
    <link rel="shortcut icon" href="http://img0.rongsue.com/images/favicon.ico?imageView2/2/w/80/h/80/interlace/1/q/100">
    <title>注册</title>
    <link rel="stylesheet" href="/assets/wechat/layer.css">
    <link rel="stylesheet" href="/assets/wechat/common.css">
</head>
<style>
    .view {
        width:calc( 100vw );
        height:calc( 100vh );
        overflow: auto;
        position: relative;
    }

    #start {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 3;
        font-size: 30px;
        text-align: center;
        color: #FFF;
        background-color: #000;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    #videoLayer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 2;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -moz-box-pack: center;
        -webkit-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        display: flex;
    }

    #videoLayer video {
        display: block;
        width: 100%;
        object-fit: cover;
    }

    #reg {
        position: relative;
        box-sizing: border-box;
        margin-left: 35px;
        margin-right: 35px;
    }

    #reg img {
        margin: 0 auto;
        width: 150px;
        display: block;
    }

    #reg input.text,
    #reg input.btn {
        width: 100%;
        font-size: 16px;
        display: block;
        margin-top: 20px;
        box-sizing: border-box;
        outline: none;

    }

    #reg input.text {
        padding-left: 10px;
        height: 40px;
        line-height: 40px;
        border: none;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #999;
        transition: border-color .2s linear;
    }

    #reg input.text::-webkit-input-placeholder {
        color: #999999;
    }

    #reg input.btn {
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-top: 20px;
        border-radius: 5px;
        background-color: #009DE6;
        color: #FFF;
        border: none;
        font-size: 20px;
    }

    #reg input.yzbtn {
        position: absolute;
        display: block;
        border-radius: 5px;
        top: 0px;
        right: 5px;
        width: 88px;
        height: 38px;
        line-height: 38px;
        background-color: transparent;
        border: none;
        font-size: 14px;
        color: #009DE6;
        text-align: center;
    }

    .cb {
        clear: both;
    }

    .mt10 {
        margin-top: 10px;
    }

    .mt20 {
        margin-top: 20px;
    }

    .mt30 {
        font-size: 14px;
        margin-top: 30px;
    }

    span.dot {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #999;
        margin-right: 5px;
        vertical-align: middle;
        text-align: center;
        position: relative;
    }

    span.dot i {
        position: absolute;
        display: block;
        border-radius: 50%;
        margin-top: -5px;
        margin-left: -5px;
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        background-color: #009DE6;
    }

    span.xieyilink {
        color: #999;
    }

    span.xieyilink a {
        text-decoration: none;
        color: #009DE6;
    }

    .linkbox {
        font-size: 14px;
        margin-top: 20px;
    }

    .linkbox a {
        color: #999;
        text-decoration: none;
    }

    .linkbox a span {
        color: #009DE6;
        border-bottom: 1px solid #009DE6;
    }

    .typetab {
        position: relative;
        color: #808080;
        height: 40px;
    }

    .typetab a {
        display: block;
        width: 50%;
        height: 40px;
        line-height: 40px;
        float: left;
        text-decoration: none;
        text-align: center;
        color: #808080;
    }

    .typetab a.active {
        color: #009DE6
    }

    .typetab div.bb {
        position: absolute;
        top: 40px;
        width: 50%;
        height: 1.5px;
        background-color: #009DE6;
        transition: left .2s linear;
    }
</style>

<body>
    <div id="app">

    </div>
</body>

</html>